.body-content{
	padding: 0 20rpx;
	.content-piece{
		background: #FFFFFF;
		border-radius: 20rpx;
		.piece-title{
			height: 80rpx;
			position: relative;
			.piece-title-text{
				position: relative;
				z-index: 20;
				font-family: PingFangSC, PingFang SC;
				font-weight: 600;
				font-size: 34rpx;
				color: #333333;
				padding-left: 32rpx;
			}
			.piece-title-background{
				position:absolute;
				left: 30rpx;
				top: 36rpx;
				width: 138rpx;
				height: 26rpx;
				background: linear-gradient( 270deg, rgba(73,243,210,0) 0%, #23E2A6 100%);
				border-radius: 13rpx;
			}
		}
		.piece-row{
			height: 80rpx;
			.piece-row-letf{
				width: 140rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #333333;
				line-height: 40rpx;
				text-align: end;
				padding-right: 14rpx;
			}
			.piece-row-right{
				flex: 1;
				padding-right: 20rpx;
				.row-right-phone{
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #333333;
				}
				.row-right-input{
					width: 100%;
					height: 80rpx;
					background: #F5F5F5;
					padding: 0 20rpx;
					.right-input-tetx{
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 28rpx;
						color: #333333;
					}
					.row-right-btn{
						width: 150rpx;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 28rpx;
						color: #1DC691;
					}
					.seconds{
						width: 150rpx;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 28rpx;
						color: #999999;
					}
				}
			}
		}
		.piece-row-title{
			height: 80rpx;
			padding-left: 40rpx;
			line-height: 80rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #333333;
		}
		.piece-row-pwd{
			padding: 0 53rpx;
			.row-pwd-frame{
				width: 84rpx;
				height: 84rpx;
				background: #F5F5F5;
				border-radius: 10rpx;
				
				font-family: PingFangSC, PingFang SC;
				font-weight: 500;
				font-size: 100rpx;
				color: #333333;
				line-height: 84rpx;
				text-align: center;
				&.focus{
					background: #ffffff;
					box-shadow: 0rpx 7rpx 14rpx 4rpx rgba(196,249,237,0.2);
					border-radius: 10rpx;
					border: 2rpx solid #23E2A6;
				}
			}
			
		}
	}
}
.popup-keyboard{
	padding-top:28rpx;
	background: #FFFFFF;
	box-shadow: 0rpx -2rpx 8rpx 0rpx rgba(0,0,0,0.1);
	border-radius: 40rpx 40rpx 0rpx 0rpx;
	.edit-keyboard{
		padding:60rpx 60rpx 0 60rpx;
		.edit-keyboard-button{
			width: 210rpx;
			height: 100rpx;
			font-size: 40rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #333333;
			line-height: 100rpx;
			text-align: center;
			.keyboard-button-image{
				width: 50rpx;
				height: 50rpx;
			}
		}
		.edit-keyboard-button:active {  
		  background-color: rgba(0, 0, 0, 0.1);
		  border-radius: 10rpx;
		}
	}
	.confirm-button{
		padding: 40rpx 0;
	}
}
.bottom-btn{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100vw;
	padding-top: 20rpx;
	padding-bottom: 60rpx;
}